@charset "utf-8";
@import "../../assets/scss/pxVw";
$designWidth:1920;
.activityPreference {
  background: rgb(38, 39, 50);
  font-family: MicrosoftYaHei;
  .activitys {
    width: 100%;
    height: 100%;
    background: url("../../assets/images/home/mobileLottery/background.png") center top no-repeat, rgb(38, 39, 50);
    background-size: 100% auto;
  }
  .activityListBox {
    padding: 20px 0;
    display: inline-block;
  }
  .activityList {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    text-align: center;
    ul {
      width: vw(1900);
      max-width:1100px;
    }
    .actListItem {
      width: 48%;
      background: #3B4059;
      padding: 12px 12px 0;
      margin-right: 40px;
      margin-top: 30px;
      &:nth-child(1), &:nth-child(2) {
        margin-top: 0;
      }
      &:nth-child(2n) {
        margin-right: 0;
      }
      a {
        text-align: center;
        display: inline-block;
        width: 100%;
        height: 100%;
        img {
          //width: auto;
          //height: 230px;
          width: 100%;
          height: auto;
          display: inline-block;
        }
        .actItemInfo {
          padding: 18px 0 18px 12px;
          .left {
            p {
              font-family: MicrosoftYaHei;
              font-size: 14px;
              color: #FFFFFF;
              line-height: 14px;
              text-align: left;
              &:first-child {
                font-size: 18px;
                line-height: 18px;
                margin-bottom: 12px;
              }
            }
          }
          .right {
            font-family: MicrosoftYaHei;
            border-radius: 100px;
            width: vw(171);
            max-width:122px;
            max-height: 44px;
            height: vw(64);
            line-height: vw(64);
            font-size: 18px;
            background: #9B9B9B;
            color: #FFFFFF;
            &.on {
              background: #FFDC99;
              color: #3B4059;
            }
          }
        }
      }
    }
  }
  .activityDetail {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 13;
    .activityDetailBox{
      width: vw(1900);
      max-width:1100px;
      height: 80%;
      padding: 32px 40px;
      background: #FFFFFF;
      border-radius: 2px;
      box-shadow: 0 5px 14px 0 rgba(0,0,0,0.10);
      .actDetailTitle{
        margin-bottom: 20px;
        height: 44px;
        .left{
          p{
            font-family: MicrosoftYaHei;
            font-size: 14px;
            color: #16171E;
            line-height: 14px;
            &:first-child{
              font-size: 18px;
              color: #16171E;
              line-height: 18px;
              margin-bottom: 12px;
            }
          }

        }
        .right{
          font-size: 16px;
          color: #B2B9BE;
          line-height: 18px;
        }
      }
      .actDetailInfo{
        overflow-y: scroll;
      }
    }
  }
}